import { createRouter, createWebHashHistory } from "vue-router";

const router = createRouter({
    history: createWebHashHistory(),
    routes: [
        {
            name: "prop",
            path: "/prop",
            component: () => import('@/views/1_props/index.vue')
        }, {
            name: "func",
            path: "/func",
            component: () => import('@/views/2_custom-evetnt/index.vue')
        },{
            name: "mitt",
            path: "/mitt",
            component: () => import('@/views/3_mitt/index.vue')
        },{
            name: "model",
            path: "/model",
            component: () => import('@/views/4_v-model/index.vue')
        },{
            name: "attrs",
            path: "/attrs",
            component: () => import('@/views/5_$attrs/index.vue')
        },{
            name: "r",
            path: "/r",
            component: () => import('@/views/6_$ref-$parent/index.vue')
        },{
            name: "p",
            path: "/p",
            component: () => import('@/views/7_provide-inject/index.vue')
        },{
            name: "pinia",
            path: "/pinia",
            component: () => import('@/views/8_pinia/index.vue')
        },{
            name: "slot",
            path: "/slot",
            component: () => import('@/views/9_slot/index.vue')
        },{
            path:"/",
            redirect:"/prop"
        }
    ]

})
export default router